/**
 * Creates a fluid three-column layouts with a centered content
 * Primary / Content / Secondary
 *
 * @since 3.6
 * @package dkret3
 * @subpackage CSS
 */

#wrapper {
    margin: 0 auto;
    width: 960px;    
}
#header {
    height: 160px;
}
#access {
    height: 26px;
}
#container {
    clear: both;
    float: left;
    margin: 0;
    width: 100%;
}
#content {
    margin: 25px 220px;
    overflow: hidden;
    padding: 0;
}
#content.widecolumn {
    margin-left: 20px;
    margin-right: 20px;
}
#leaderboard {
    margin: 20px 20px -10px;
    overflow: hidden;
}
.main-sidebar {
    float: left;
    overflow: hidden;
    padding: 0 15px;
    width: 190px;
}
#primary {
    margin: 30px 0 30px -100%;
}
#secondary {
    clear: right;
    margin: 30px 0 30px -220px;
}
.sidebar-column {
    font-size: 95%;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 15px 5px 0;
    width: 43.7%;
}
#first-column {
    float: left;
}

#second-column {
    float: right;
}
#subsidiary {
    clear: both;
    width: 100%;
    overflow: hidden;
}
.sub-sidebar {
    display: inline; /* IE6 hack - double-margins/whitespace bug*/
    float: left;
    overflow: hidden;
    width: 29%;
    margin: 0 2%;
    padding: 20px 0;
}
#footer {
    clear: both;
    padding: 4px 10px;
}